<!DOCTYPE html>

<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="zDashboard - Awesome Dashboard">
		<meta name="author" content="Zul Azman">

		<link rel="shortcut icon" type="image/ico" href="img/favicon.png">
		<link rel="apple-touch-icon" href="#">
		<link rel="apple-touch-icon" sizes="144x144" href="#">
		<link rel="apple-touch-icon" sizes="114x114" href="#">

		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" media="screen">
		<link rel="stylesheet" type="text/css" href="css/font-awesome/css/font-awesome.min.css" media="screen">
		<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css" media="screen">
		<link rel="stylesheet" type="text/css" href="js/lib/lightbox/ekko-lightbox.min.css" media="screen">
		<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
		<link rel="stylesheet" type="text/css" href="css/frontend.css" media="screen">

		<!--[if lt IE 9]>
		<script src="js/html5shiv.js" type="text/javascript"></script>
	<![endif]-->

		<!-- Utilities JS -->
		<script src="js/jquery.min.js"></script>
		<script>
			window.jQuery || document.write('<script src="js/library/jquery/jquery.min.js">\x3C/script>')
		</script>

		<title>鲜度一百经销商</title>

	</head>

	<body>
		<div id="wrap">

			<section class="navbar-fixed-top">
				<section id="header" class="center-header">
					<div class="container-fluid">
						<div class="row">
							<nav class="navbar navbar-default" role="navigation">
								<div class="container-fluid">

									<div class="row">

										<div class="col-md-4 col-sm-4 hidden-xs">
										</div>

										<div class="col-md-4 col-sm-4">
											<div class="navbar-header">
												<a class="navbar-brand" href="#">
													<h1>鲜度一百</h1>
												</a>
												<button type="button" class="navbar-toggle navbar-toggle-right" data-toggle="collapse" data-target="#user-bar">
													<i class="fa fa-user"></i>
												</button>
											</div>
										</div>

										<div class="col-md-4 col-sm-4">
											<div class="collapse navbar-collapse" id="user-bar">
												<ul class="nav navbar-nav navbar-right">

													<li class="dropdown inbox-notification">
														<a href="购物车.html">
															<i class="fa fa-shopping-cart"></i>
															<span class="label label-alt-green label-notice">5</span>
														</a>

													</li>

													<li class="dropdown inbox-notification">
														<a href="站内信.html">
															<i class="fa fa-inbox"></i>
															<span class="label label-alt-green label-notice">3</span>
														</a>

													</li>

													<li class="dropdown user-info">
														<a href="#" class="dropdown-toggle" data-toggle="dropdown">
															<span class="thumb-md avatar pull-left"> 
																<img src="img/sample/sample-avatar.jpg" class="img-circle" />
															</span>
															<span class="hidden-sm">Joe Armand</span>
															<b class="caret"></b>
														</a>
														<ul class="dropdown-menu">
															<li>
																<a href="我的授信.html" class="process-wp-alnk">
																	<div class="wdedu_top_ele">
																		我的额度 283684/400000
																	</div>
																	<div class="progress">
																		<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
																			50%
																		</div>
																	</div>
																</a>
															</li>
															<li>
																<a href="个人资料.html">个人资料</a>
															</li>
															<li>
																<a href="站内信.html">站内信</a>
															</li>
															<li class="divider"></li>
															<li>
																<a href="#">安全退出</a>
															</li>
														</ul>
													</li>
												</ul>
											</div>

										</div>

									</div>

								</div>
							</nav>
						</div>
					</div>
				</section>
				<div class="collapse navbar-collapse" id="menu-bar">
					<section id="nav" class="navigation">
						<div class="container-fluid">
							<div class="row">

								<div class="col-md-8 hidden-sm hidden-xs">
									<ol class="breadcrumb bc-nav">
										<li>
											<a href="首页.html"><i class="fa fa-home"></i></a>
										</li>
										<li>
											<a href="站内信.html">站内信</a>
										</li>
									</ol>
								</div>
								<div class="col-md-4 col-sm-12 col-xs-12">

								</div>

							</div>
						</div>
					</section>
				</div>
			</section>

			<section id="content" class="two-col-content task-content">
				<div class="container-fluid">
					<div class="row row-offcanvas row-offcanvas-left row-offcanvas-sm row-offcanvas-sm-left row-offcanvas-xs">

						<div class="col-md-12">
							<div class="panel panel-default panel-column panel-inbox no-margin">
								<div class="row no-margin">
									<div class="col-md-5 col-sm-3 col-xs-2 panel-sidebar">
										<ul class="media-list no-margin">
											<li class="media unread">
												<div class="col-md-12 col-sm-12 no-padding">
													<a href="#" class="clearfix">
														<div class="media-left">
															<img class="media-object img-circle" src="img/uif-1.jpg" alt="...">
														</div>
														<div class="media-body hidden-xs">
															<h4 class="media-heading">John Appleseed</h4>
															<span class="meta-time">2 hours ago</span>
															<p>This is the sample of single message</p>
															<span class="indicator-label bg-warning"></span>
														</div>
													</a>
												</div>
											</li>

											<li class="media unread active">
												<div class="col-md-12 col-sm-12 no-padding">
													<a href="#" class="clearfix">
														<div class="media-left">
															<img class="media-object img-circle" src="img/uif-2.jpg" alt="...">
														</div>
														<div class="media-body hidden-xs">
															<h4 class="media-heading">Steve Stevy</h4>
															<span class="meta-time">6 hours ago</span>
															<p>This is the sample of single message</p>
															<span class="indicator-label bg-warning"></span>
														</div>
													</a>
												</div>
											</li>

											<li class="media unread">
												<div class="col-md-12 col-sm-12 no-padding">
													<a href="#" class="clearfix">
														<div class="media-left">
															<img class="media-object img-circle" src="img/uif-3.jpg" alt="...">
														</div>
														<div class="media-body hidden-xs">
															<h4 class="media-heading">Justin Power</h4>
															<span class="meta-time">8 hours ago</span>
															<p>This is the sample of single message</p>
														</div>
													</a>
												</div>
											</li>

											<li class="media unread">
												<div class="col-md-12 col-sm-12 no-padding">
													<a href="#" class="clearfix">
														<div class="media-left">
															<img class="media-object img-circle" src="img/uif-4.jpg" alt="...">
														</div>
														<div class="media-body hidden-xs">
															<h4 class="media-heading">Leon Lee</h4>
															<span class="meta-time">10 hours ago</span>
															<p>This is the sample of single message</p>
															<span class="indicator-label bg-primary"></span>
														</div>
													</a>
												</div>
											</li>

											<li class="media">
												<div class="col-md-12 col-sm-12 no-padding">
													<a href="#" class="clearfix">
														<div class="media-left">
															<img class="media-object img-circle" src="img/uif-5.jpg" alt="...">
														</div>
														<div class="media-body hidden-xs">
															<h4 class="media-heading">David John</h4>
															<span class="meta-time">Yesterday</span>
															<p>This is the sample of single message</p>
															<span class="indicator-label bg-primary"></span>
														</div>
													</a>
												</div>
											</li>

											<li class="media">
												<div class="col-md-12 col-sm-12 no-padding">
													<a href="#" class="clearfix">
														<div class="media-left">
															<img class="media-object img-circle" src="img/uif-6.jpg" alt="...">
														</div>
														<div class="media-body hidden-xs">
															<h4 class="media-heading">Joey Joe</h4>
															<span class="meta-time">24/2/2015</span>
															<p>This is the sample of single message</p>
															<span class="indicator-label bg-primary"></span>
														</div>
													</a>
												</div>
											</li>
										</ul>
									</div>
									<div class="col-md-7 col-md-offset-5 col-sm-9 col-sm-offset-3 col-xs-offset-2 panel-content">
										<div class="inner">
											<div class="media-header">
												<div class="row">
													<div class="col-md-8 col-sm-9 col-xs-9 media-header-meta">
														<span class="text-title">消息发件人 / Sender</span>
														<ul class="list-inline no-margin">
															<li>
																<h4>
																	<a href="#">张学友</a>
																</h4>
															</li>
															<li>
																2015/6/20 15:25:32
															</li>
														</ul>
													</div>
													
												</div>
											</div>
											<div class="message-body" style="min-height:500px;">
												<p>Cupcake ipsum dolor sit amet marshmallow chocolate cake. Tiramisu pie donut sweet roll marzipan dessert dessert. Gummi bears halvah cookie muffin candy cake. Chocolate cake biscuit carrot cake macaroon dessert muffin marzipan gummi bears. Lollipop dragée liquorice sweet roll cupcake. Dragée lemon drops muffin powder muffin chocolate marshmallow. Chocolate cupcake pastry. Liquorice tart icing jelly apple pie candy canes.</p>
												<p>Croissant sugar plum sweet roll. Apple pie brownie pie brownie danish jelly gummies. Pie tootsie roll muffin chocolate cake pie caramels cotton candy toffee. Cheesecake bear claw cotton candy pudding. Gummies chocolate bar topping bear claw cotton candy dessert muffin. Chocolate cake bonbon jelly croissant fruitcake jelly-o jelly beans.</p>
												<!--<div id="reply" class="reply">
													<form class="text-right">
														<textarea class="form-control" row="5" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 54px;"></textarea>
														<button type="submit" class="btn btn-green">Reply</button>
													</form>
												</div>-->
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>

			</section>

			<section id="footer">
				<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 footer">
					<div class="container-fluid">
						<div class="row">
							<div class="col-md-6  col-sm-6 col-xs-12">
								<div class="copy">
									&copy;
									<a href="#">鲜度一百</a> 2017
								</div>
							</div>
							<div class="col-md-6  col-sm-6 col-xs-12">
								<div class="pull-right footer-nav">
									<ul class="nav nav-pills">
										<li>
											<a href="#">服务条款</a>
										</li>
										<li>
											<a href="#">联系我们</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

		</div>

		<!-- Utilities JS -->
		<script src="js/jquery.min.js"></script>
		<script>
			window.jQuery || document.write('<script src="js/library/jquery/jquery.min.js">\x3C/script>')
		</script>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="js/modernizr-latest.js" type="text/javascript"></script>

		<!-- Lib -->

		<!-- Boostrap Hover Dropdown -->
		<script src="js/lib/bootstrap-hover-dropdown.js" type="text/javascript"></script>

		<!-- Bootstrap Checkbox -->
		<!--<script src="js/lib/bootstrap-checkbox.js" type="text/javascript"></script>-->

		<!-- Selectize -->
		<script src="js/lib/selectize/selectize.js" type="text/javascript"></script>

		<!-- Autosize -->
		<script src="js/lib/jquery.autosize.js" type="text/javascript"></script>

		<!-- WYSIHTML5 -->

		<!-- Bootstrap Datepicker -->
		<script src="js/lib/moment.js" type="text/javascript"></script>
		<script src="js/lib/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js" type="text/javascript"></script>

		<!-- Calendar -->
		<script src="js/lib/bootstrap-calendar/bootstrap_calendar.js"></script>

		<!-- LightBox -->
		<script src="js/lib/lightbox/ekko-lightbox.min.js"></script>

		<!-- Theme JS -->
		<script src="js/custom.calendar.js" type="text/javascript"></script>
		<script src="js/custom.style.js" type="text/javascript"></script>
		<script src="js/global.js" type="text/javascript"></script>

	</body>

</html>